<!--
 * @Description: 网易严选
 * @Author: zzj
 * @Date: 2021-08-17 11:36:16
 * @LastEditors: zzj
 * @LastEditTime: 2021-08-27 14:35:22
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>网易严选</title>
  <link rel="stylesheet" href="./css/wyyx.css">
  <!-- 引入字体图标 -->
  <link rel="stylesheet" href="./css/font/demo_index.html">
  <link rel="stylesheet" href="./css/font/iconfont.css">
</head>

<body>
  <!-- header -->
  <div class="header">
    <!-- top -->
    <div class="top">
      <!-- 固定显示内容 -->
      <div class="wapper">
        <ul class="menu">
            <li>登录/注册<img src="./images/竖线.png" alt=""></li>
            <li>我的订单<img src="./images/竖线.png" alt=""></li>
            <li>会员<img src="./images/竖线.png" alt=""></li>
            <li>甄选家<img src="./images/竖线.png" alt=""> </li>
            <li>
              <span>企业采购</span>
              <i class="iconfont icon-arrowRight-copy"></i>
              <img src="./images/竖线.png" alt="">
              <div class="sub-menu-1">
                <div class="icon-sj"></div>
                <ul class="sub-menu">
                    <li>企业购</li>
                    <li>礼品卡</li>
                    <li>联系我们</li>
                </ul>
            </div>
            </li>
            <li> 
                <span>客户服务</span> 
                <i class="iconfont icon-arrowRight-copy"></i>
                <img src="./images/竖线.png" alt="">
                <div class="sub-menu-1">
                    <div class="icon-sj"></div>
                    <ul class="sub-menu">
                        <li>在线客服</li>
                        <li>帮助中心</li>
                        <li>商务合作</li>
                        <li>开放平台</li>
                    </ul>
                </div>
            </li>
            <li>
              <i class="iconfont icon-shouji"></i>
              <span>APP</span>
            </li>
        </ul>
        <!-- 公告 -->
        <div class="note">
          <i class="iconfont icon-tongzhi"></i>
          <span>因事件（疫情、特大暴雨）影响，部分地区无法配送公告</span></div>
      </div>
      <!-- 固定显示内容结束 -->
    </div>
    <!-- top结束 -->
    <!-- bottom -->
    <div class="bottom">
      <div class="wapper">
        <!-- search -->
        <div class="search">
          <div class="logo">
            <img src="./images/logo.png" alt="">
          </div>
          <div class="sousuo">
            <div>
              <div class="search_top">
                <i class="iconfont icon-sousuo"></i>
                <input type="text"><span class="but_text">搜索</span>
              </div>
              <div class="search_bottom">
                <a href="">七夕礼物</a>
              </div>
            </div>
          </div>
          <div class="shopcar">
            <div class="car">
              <i class="iconfont icon-gouwuche"></i>
              <span>购物车</span>
              <i class="iconfont icon-0"></i>
            </div>
          </div>
        </div>
        <!-- search结束 -->
        <!-- menu -->
        <div class="menu">
          <div class="list">
            <ul>
              <li>
                <a href="" class="checked">首页</a>
              </li>
              <li>
                <a href="">居家生活</a>
                <div class="second">
                  <ul class="pro">
                    <li class="project">床品件套</li>
                    <li class="project">被枕褥毯</li>
                    <li class="project">办公家具</li>
                    <li class="project">卧室家具</li>
                    <li class="project">厨房电器</li>
                    <li class="project">锅具清洁</li>
                    <li class="project">客厅家具</li>
                    <li class="project">宠物生活</li>
                  </ul>
                </div>
              </li>
              <li>
                <a href="">服饰鞋包</a>
                <div class="second">服饰鞋包二级菜单列表</div>
              </li>
              <li>
                <a href="">美食酒水</a>
                <div class="second">美食酒水二级菜单列表</div>
              </li>
              <li>
                <a href="">个护清洁</a>
                <div class="second">个护清洁二级菜单列表</div>
              </li>
              <li>
                <a href="">母婴亲子</a>
                <div class="second">母婴亲子二级菜单列表</div>
              </li>
              <li>
                <a href="">运动旅行</a>
                <div class="second">运动旅行二级菜单列表</div>
              </li>
              <li>
                <a href="">数码家电</a>
                <div class="second">数码家电二级菜单列表</div>
              </li>
              <li>
                <a href="">严选全球</a>
                <div class="second">严选全球二级菜单列表</div>
              </li>
              <li>
                <a href="">为你严选</a>
              </li>
              <li>
                <a href="">众筹</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- menu结束 -->
      </div>
    </div>
    <!-- bottom结束 -->

  </div>
  <!-- header结束 -->
  <!-- content -->
  <div class="content">
    <!-- 轮播 -->
    <div class="lunbo">
      <img src="./images/lunbo.png" alt="">
    </div>
    <!-- 轮播结束 -->
    <!-- 热销榜 -->
    <div class="hot_outer">
      <ul class="hot_goods">
        <li>- 热销榜 -</li>
        <li><img src="./images/热销icon.png" alt=""><span>全站<br>热销榜</span></li>
        <li><img src="./images/家居家装.png" alt=""><span>居家<br>生活榜</span></li>
        <li><img src="./images/服饰.png" alt=""><span>服饰<br>鞋包榜</span></li>
        <li><img src="./images/美食.png" alt=""><span>美食<br>酒水榜</span></li>
        <li><img src="./images/家电.png" alt=""><span>数码<br>家电榜</span></li>
        <li><img src="./images/清洁.png" alt=""><span>个护<br>清洁榜</span></li>
        <li><img src="./images/旅行.png" alt=""><span>运动<br>旅行榜</span></li>
        <li><img src="./images/母婴玩具.png" alt=""><span>母婴<br>亲子榜</span></li>
        <li><img src="./images/礼物.png" alt=""><span>全球<br>特色榜</span></li>
      </ul>
    </div>
    <!-- 热销榜结束 -->

    <!-- 新品首发 -->
    <div class="xpsf">
      <div class="wapper">
        <div class="title">
          <h3 class="name">新品首发</h3>
          <div class="headerLeft">为你寻觅世间好物</div>
          <div class="headerRight">更多新品></div>
        </div>
        <div class="product">
          <ul class="pro">
            <li class="productitem">
              <img src="https://yanxuan-item.nosdn.127.net/570c17ec4e8088fee50959f81173857c.png?type=webp&imageView&thumbnail=430x430&quality=95" alt="">
              <div class="title">
                <div class="prdtTags"><span>3件8.5折</span><span>99选9</span></div>
                <h4 class="name">
                  可以吃的“冻干酥脆咖啡”，咖啡饼干 340克
                </h4>
                <p class="price">¥13.9
                  <span>
                    ¥19.9
                  </span>
                </p>
              </div>
            </li>
            <li class="productitem">
              <img src="https://yanxuan-item.nosdn.127.net/b3688bae82f1a7f042ef0042dda7e4b8.png?type=webp&imageView&thumbnail=430x430&quality=95" alt="">
              <div class="title">
                <div class="prdtTags"><span>特价</span></div>
                <h4 class="name">
                  蜂蜜般流心，大颗土耳其杏肉
                </h4>
                <p class="price">¥16.9
                  <span>
                    ¥19
                  </span>
                </p>
              </div>
            </li>
            <li class="productitem">
              <img src="https://yanxuan-item.nosdn.127.net/8cfc0015b980f461790a2ded0d611e68.jpg?type=webp&imageView&thumbnail=430x430&quality=95" alt="">
              <div class="title">
                <div class="prdtTags"><span>特价</span><span>2件9折</span></div>
                <h4 class="name name1">
                  鎏光·月禧 月饼礼盒
                </h4>
                <p class="price">¥118
                  <span>
                    ¥139
                  </span>
                </p>
              </div>
            </li>
            <li class="productitem">
              <img src="https://yanxuan-item.nosdn.127.net/2b7f82fea584d06c71c356b3b405684e.png?type=webp&imageView&thumbnail=430x430&quality=95" alt="">
              <div class="title">
                <div class="prdtTags"><span>特价</span></div>
                <h4 class="name">
                  日本制造 隅田川意式手冲特浓挂耳咖啡
                </h4>
                <p class="price">¥29.9
                  <span>
                    ¥39.9
                  </span>
                </p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 新品首发结束 -->

    <!-- 人气推荐 -->
    <div class="rqtj">
      <div class="wapper">
        <div class="popularity">
          <div class="title">
            <h3 class="name">人气推荐</h3>
            <div class="headerLeft checked">编辑推荐</div>
            <div class="headerLeft">热销总榜</div>
            <div class="headerRight">更多推荐></div>
          </div>
          <div class="product">
            <div id="productItemFirst" class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/bebff6d69027991f02077dc1f249059f.png?type=webp&quality=95&thumbnail=320x320&imageView"
                alt="图片丢失">
              <div class="title">
                <h4 class="name">
                  口袋里的咖啡馆 浓缩胶囊咖啡 焦糖拿铁1袋
                </h4>
                <p class="price">¥21.8</p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img
                src="https://yanxuan-item.nosdn.127.net/0736325df88942d67a31b5bd5bb2a502.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>3件8.5折</span></div>
                <h4 class="name">
                  无添加蔗糖，苏打饼干 360克
                </h4>
                <p class="price">¥12.8
                  <span>
                    ¥88
                  </span>
                </p>
              </div>
            </div>
            <div class="productItem">              
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/55f4fcc2773ac277d0c84138e9b7489b.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>99选9</span></div>
                <h4 class="name">
                  无添加蔗糖，澳洲进口即食燕麦片 1千克
                </h4>
                <p class="price">¥19 </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/e3fdeaf58254e6016666f560347dbe56.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>99选9</span></div>
                <h4 class="name">
                  红杏干 180克
                </h4>
                <p class="price">¥20 </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/50987f5b3a71dcd93372557250cbba06.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>2件4折</span></div>
                <h4 class="name">
                  女式咖啡碳保暖内衣2.0
                </h4>
                <p class="price">¥169 </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/6b9d93eae44995e560bcaf9154becee4.png?type=webp&quality=95&thumbnail=320x320&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>99选9</span></div>
                <h4 class="name">
                  惊喜藏在蛋黄里，翻砂卤蛋 245克
                </h4>
                <p class="price">¥18 </p>
              </div>
            </div>
            <div class="productItem">
              <img src="https://yanxuan.nosdn.127.net/static-union/1628213373854ca1.png" alt="图片丢失">
              <img src="https://yanxuan-item.nosdn.127.net/459d7e7ac6e9433dd24adfceff3a0421.png?type=webp&quality=95&thumbnail=180y180&imageView"
                alt="图片丢失">
              <div class="title">
                <div class="prdtTags"><span>特价</span></div>
                <h4 class="name">
                  一片一只虾，鲜虾饼 30克*3盒
                </h4>
                <p class="price">¥39.9 </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 人气推荐结束 -->
  </div>
  <!-- content结束 -->
  <!-- footer -->
  <div class="footer">
    <div class="top">
      <div class="left">
        <div class="title">客户服务</div>
        <div class="text">
          <div class="text1">
            <img src="./images/在线客服.png" width="50px" alt="图片不见啦">
            <span>在线客服</span>
          </div>
          <div class="text1 text2">
            <img src="./images/用户反馈.png" width="50px" alt="图片不见啦">
            <span>用户反馈</span>
          </div>
        </div>
      </div>
      <div class="mid">
        <div class="title">何为网易严选</div>
        <div class="text">网易严选是深受新中产喜爱的生活方式品牌, 
            为消费者提供一站式、全品类、全方位的美好生活解决方案。
            我们通过简约、实用、舒适的美学设计, 不断带来高品质灵感好物,
            陪伴3000万新中产用户「活出自己喜欢的样子」, 共同倡导多元化
            的生活价值主张——每个人都可以把生活的选择权交还给自己。
          </div>
          <div class="guanzhu">关注我们:
            <img src="./images/微博 (1).png" alt="">
            <img src="./images/微信.png" alt="">
            <img src="./images/抖音.png" alt="">
          </div>
      </div>
      <div class="right">
        <div class="title">扫码下载严选APP</div>
        <img src="./images/二维码.png" alt="">
        <div class="text">下载领大额新人红包</div>
      </div>
    </div>
    <div class="bottom">
      <div class="up">
        <div class="up1">
          <img src="./images/易物通.png" alt="">
          <span>网易自营电商</span>
        </div>
        <div class="up1">
          <img src="./images/售后无忧.png" alt="">
          <span>30天无忧退换货</span>
        </div>
        <div class="up1">
          <img src="./images/车.png" alt="">
          <span>满99元免邮费</span>
        </div>
        <div class="up1">
          <img src="./images/品质.png" alt="">
          <span>品质保证</span>
        </div>
      </div>
      <div class="down">
        <ul class="list">
          <li>关于我们<img src="./images/竖线.png" alt=""></li>
          <li>帮助中心<img src="./images/竖线.png" alt=""></li>
          <li>售后服务<img src="./images/竖线.png" alt=""></li>
          <li>配送与验收<img src="./images/竖线.png" alt=""> </li>
          <li>商务合作<img src="./images/竖线.png" alt=""></li>
          <li>企业采购<img src="./images/竖线.png" alt=""></li>
          <li>开放平台<img src="./images/竖线.png" alt=""></li>
          <li>搜索推荐<img src="./images/竖线.png" alt=""></li>
          <li>友情链接<img src="./images/竖线.png" alt=""></li>
          <li>廉正举报<img src="./images/竖线.png" alt=""></li>
        </ul>
        <ul class="foot">
            <li>食品经营许可证：JY13301080111719</li>
            <li>出版物经营许可证：新出发滨字第0132号</li>
            <li>妙得ICP证号：ICP 证浙B2-20160106</li>
            <li>浙杭食药监械经营备20171029号</li>
            <li>营业执照网易公司版权所有 © 1997-2021 </li>
            <li>无线电发射设备销售备案：42202011096855</li>
            <li>（浙杭）网械企备字[2019]第00119号</li>
            <li>（粤）网械平台备字（2019）第00004号</li>
            <li>（粤）-非经营性-2016-0023进口冷链食品管理承诺书</li>
            <li>食品经营许可证：JY14207050007694</li>
            <li>浙江省网络食品销售第三方平台提供者备案：浙网食A33010009</li>
            <li>单用途商业预付卡备案证：330100AAC0024</li>
            <li>出版物网络交易平台服务经营备案：新出发浙备字第2021006号</li>
        </ul>
      </div>
    </div>
  </div>
  <!-- footer结束 -->
</body>

</html>




